<template>
    <div class="row my-3">
        <div class="col-md-12">
            <!-- 卡片 -->
            <div class="card">
                <h5 class="card-header">学习计划表</h5>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3">
                            <!--输入框 -->
                            <div class="input-group mb-3">
                                <span class="input-group-text" id="basic-addon1">学习科目</span>
                                <input type="text" class="form-control" placeholder="请输入学习科目">
                            </div>
                        </div>
                        <div class="col-md-5">
                            <!-- 文本域 -->
                            <div class="input-group mb-3">
                                <span class="input-group-text" id="basic-addon1">学习内容</span>
                                <textarea class="form-control" id="exampleFormControlTextarea1" rows="1"></textarea>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <!-- 下拉框 -->
                            <div class="input-group mb-3">
                                <span class="input-group-text" id="basic-addon1">学习地点</span>
                                <select class="form-select">
                                    <option selected value="1">图书馆</option>
                                    <option value="2">自习室</option>
                                    <option value="3">宿舍</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <button type="button" class="btn btn-primary">提交</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script></script>
<style></style>